<template name="home_channels_created">
  {{#infinite_scroll}}
    <div class="d-flex row py-3" id="created-channels-infinite-field">
      {{> create_channel_card}}
      {{#each result in results}}
        {{> channel_card result=result}}
      {{else}}
        {{#each fadeCard}}
          <div class="col-xl-3 col-lg-4 col-md-6 card-field channel-fade-card">
            <div class="card card-fade"></div>
          </div>
        {{/each}}
      {{/each}}
    </div>
  {{/infinite_scroll}}
</template>

<template name="create_channel_card">
  <div class="col-xl-3 col-lg-4 col-md-6 card-field">
    <div class="card card-shadow create-new-channel">
      <a href="/create" class="card-body d-flex align-items-center justify-content-center text-secondary">
        <div class="d-flex flex-column">
          <i class="material-icons">control_point</i>
          <p class="card-text">创建新频道</p>
        </div>
      </a>
    </div>
  </div>
</template>